Input: Touch keyboard text input sample


HTML5, Windows Runtime, Windows 8.1, Windows Phone 8.1
Devices and sensors, universal app
Windows RT
en-US
4/2/2014
View this sample online

This sample shows how to enable optimized views on the touch keyboard by using input scopes and input types with controls in the WinJS.UI namespace, and with the TextBox and RichEdit Extensible Application Markup Language (XAML) controls. Also, this sample demonstrates spell checking by using the spellcheck and IsSpellCheckEnabled properties, and it shows text prediction by using the IsTextPredictionEnabled property.

Note  This sample was created using one of the universal app templates available in Visual Studio. It shows how its solution is structured so it can run on both Windows 8.1 and Windows Phone 8.1. For more info about how to build apps that target Windows and Windows Phone with Visual Studio, see Build apps that target Windows and Windows Phone 8.1 by using Visual Studio.

The input types shown in this sample are:

  • URL
  • Email
  • Password
  • Number
  • Search
  • Telephone

To obtain an evaluation copy of Windows 8.1, go to Windows 8.1.

To obtain an evaluation copy of Microsoft Visual Studio 2013, go to Visual Studio 2013.

Note  For Windows 8.1 app samples, download the Windows 8.1 app samples pack. The samples in the Windows 8.1 app samples pack will build and run only on Visual Studio 2013.

Related topics

Conceptual
Getting started with apps
Guidelines and checklist for login controls
Guidelines and checklist for touch keyboard
Responding to user interaction
Reference
IsSpellCheckEnabled
IsTextPredictionEnabled
RichEdit
spellcheck
TextBox
Windows.UI.Core

Operating system requirements

Client
Windows 8.1
Server
Windows Server 2012 R2
Phone
Windows Phone 8.1

Build the sample

  1. Start Microsoft Visual Studio 2013 Update 2 and select File > Open > Project/Solution.
  2. Go to the directory to which you unzipped the sample. Then go to the subdirectory named for the sample and double-click the Visual Studio 2013 Update 2 Solution (.sln) file.
  3. Follow the steps for the version of the sample you want:

    • To build the Windows version of the sample:

      1. Select TouchKeyboard.Windows in Solution Explorer.
      2. Press Ctrl+Shift+B, or use Build > Build Solution, or use Build > Build TouchKeyboard.Windows.

    • To build the Windows Phone version of the sample:

      1. Select TouchKeyboard.WindowsPhone in Solution Explorer.
      2. Press Ctrl+Shift+B or use Build > Build Solution or use Build > Build TouchKeyboard.WindowsPhone.

Run the sample

The next steps depend on whether you just want to deploy the sample or you want to both deploy and run it.

Deploying the sample

  • To deploy the built Windows version of the sample:

    1. Select TouchKeyboard.Windows in Solution Explorer.
    2. Use Build > Deploy Solution or Build > Deploy TouchKeyboard.Windows.

  • To deploy the built Windows Phone version of the sample:

    1. Select TouchKeyboard.WindowsPhone in Solution Explorer.
    2. Use Build > Deploy Solution or Build > Deploy TouchKeyboard.WindowsPhone.

Deploying and running the sample

  • To deploy and run the Windows version of the sample:

    1. Right-click TouchKeyboard.Windows in Solution Explorer and select Set as StartUp Project.
    2. To debug the sample and then run it, press F5 or use Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.

  • To deploy and run the Windows Phone version of the sample:

    1. Right-click TouchKeyboard.WindowsPhone in Solution Explorer and select Set as StartUp Project.
    2. To debug the sample and then run it, press F5 or use Debug > Start Debugging. To run the sample without debugging, press Ctrl+F5 or use Debug > Start Without Debugging.